<!-- eslint-disable vue/multi-word-component-names -->
<template>
  <div class="box">
      <div class="work">
        <div class="work_top">
            <span>主要业务</span>
            <span>
                <img src="" alt="">
            </span>
        </div>

        <div>
            <div class="doctor">
              <div class="bgimg">
                <span @click="doctor">问诊</span>
              </div>
            </div>
            
            <div class="worker"> 
                <div class="bgimg">
                    <span @click="worker">答疑</span>
                </div>
            
        </div>
          
      </div>
      <div class="myinfomation">
          <div class="work_foot">
            <span>我的信息</span>
          </div>
          <div>
              <div class="bluearc">
                <div class="bgimg">
                    <span @click="bluearc">管理</span>
                </div>
              </div>
          </div>
      </div>
      </div>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import {useRouter} from 'vue-router'


const router=useRouter()
    const bluearc=()=>
    {
        router.push('/manage')
    }

    const worker=()=>
    {
        router.push('/questions')
    }

    const doctor=()=>
    {
        router.push('/ConsultationList')
    }

</script>


<style scoped>

.box
{
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.work
{
    width: 100%;
    height: 60%;
    
}

.work_top
{
    width: 80%;
    height: 50px;
    margin-left: 10px;
}

.work_top span
{
    font-size: 30px;
    font-weight: 700;
    
    /* padding-left: 0px; */
}

.doctor
{
    width: 90%;
    height: 170px;
    margin-left: 10px;
    /* width: 100%;
    height: 170px; */
    background: url('../../assets/images/inquiry_bg.png') no-repeat 0 0 / 100% 100%;
}

.worker
{
    width: 90%;
    height: 170px;
    margin-left: 10px;
    /* width: 100%;
    height: 170px; */
    background: url('../../assets/images/promise_bg.png') no-repeat 0 0 / 100% 100%;
}

.myinfomation
{
    width: 100%;
    height: 30%;
    /* height: 40%; */

}
.work_foot
{
    width: 90%;
    height: 50px;
    margin-left: 10px;
    /* width: 100%;
    height: 50px; */
    color: #3096EF;
}

.work_foot span
{
    font-size: 30px;
    font-weight: 700;
}
.bluearc
{
    width: 90%;
    height: 150px;
    margin-left: 10px;
    /* width: 100%;
    height: 150px; */
    background: url('../../assets/images/my_information_bg.png') no-repeat 0 0 / 100% 100%;
}

.bgimg
{
    width: 50px;
    /* height: 30px; */
    height: 40px;
    text-align: center;
    float: right;
    margin-top: 100px;
    color: #fff;
    background: url('../../assets//images/tip_box.png') no-repeat 0 0 / 100% 100%;
}

.loadings
{
    width: 100vw;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
}
</style>